import Layout from '@components/layout';
import Livere from '@components/livere';
import { Card, Collapse } from 'antd';
import * as React from 'react';
import './html.less';

class License extends React.PureComponent {
	public render() {
		return (
			<Layout className="page-html" title="帮助和关于">
				<Card title="帮助" className="markdown-body">
					<Collapse bordered={false} className="help">
						<Collapse.Panel header="提交作品" key="1">
							<ul>
								<li>点击上方导航栏的“登录”。</li>
								<li>点击导航栏上自己的ID，然后选择“提交作品”。</li>
								<li>填写作品的基本信息。</li>
								<li>点击“提交”。</li>
							</ul>
						</Collapse.Panel>
						<Collapse.Panel header="更新作品" key="2">
							<p>当您发布了新版本，或者原有的分享码失效后，可以更新作品。</p>
							<ul>
								<li>点击上方导航栏的“登录”。</li>
								<li>点击导航栏上自己的ID，然后选择“我的作品”。</li>
								<li>点击“新版本”。</li>
								<li>填写基本信息。</li>
								<li>点击“更新”。</li>
							</ul>
						</Collapse.Panel>
						<Collapse.Panel header="如何收到玩家反馈" key="3">
							<ul>
								<li>您可以在“个人设置”里填写您的其他账号（B站、NGA、微博等），提供给用户联系方式。</li>
								<li>您可以在“作品详情”中提供更多联系方式（如邮箱、QQ号等）。</li>
							</ul>
						</Collapse.Panel>
						<Collapse.Panel header="我发现有人搬运了我的作品，怎么处理" key="4">
							<p>很抱歉给您带来了困扰，您可以选择下面的方式解决：</p>
							<ul>
								<li>您可以在下方的“关于”部分找到管理员的联系方式。</li>
								<li>如果您愿意在本网站上继续更新，您可以联系管理员，将作品的所有权转让给您。</li>
								<li>如果您希望删除您的作品，也可以联系管理员进行。</li>
							</ul>
						</Collapse.Panel>
						<Collapse.Panel header="怎么找到喜欢的作品" key="5">
							<ul>
								<li>您可以点击“搜索”按钮，输入关键词进行搜索。</li>
								<li>您可以在作品列表页面点击“排序”，选择“赞赏数”，查看大家都爱玩的作品。</li>
								<li>您可以在作品列表页面点击相应的分类，按分类浏览。</li>
								<li>在作品页面，您可以点击右侧的作者信息，查看该作者的更多作品。</li>
								<li>找到作品后，您可以点击分享码直接复制。您还可以点击“分享到”或“复制链接”，推荐给更多玩家。</li>
							</ul>
						</Collapse.Panel>
						<Collapse.Panel header="什么是热度" key="6">
							<ul>
								<li>原有的“赞赏”无法很好的体现作品在最近一段时间内的受欢迎程度，因此我们推出了热度功能。</li>
								<li>热度将综合作品的近期数据（如访问量、代码复制量等）计算，并且会随时间减少。</li>
								<li>热度体现的是作品<b>最近一段时间</b>的受欢迎程度，而赞赏体现的是作品<b>从发布以来</b>的受欢迎程度。</li>
								<li>热度功能目前正在测试中，如果您有任何意见，欢迎反馈。</li>
							</ul>
						</Collapse.Panel>
						<Collapse.Panel header="如何在详情中放置折叠内容" key="7">
							<p>使用如下代码即可：</p>
							<pre dangerouslySetInnerHTML={{
								__html: "::: spoiler 在这里写标题\n\n在这里写内容\n\n:::"
							}}></pre>
						</Collapse.Panel>
					</Collapse>
				</Card>
				<Card title="关于" className="markdown-body">
					<p>本站由GKD搬运组维护。若您有任何意见，可以通过Bilibili<a href="https://space.bilibili.com/2002598" target="_blank" rel="nofollow">泷涯</a>联系站长，或在下方留言反馈。</p>
					<p>QQ群：<a href="https://jq.qq.com/?_wv=1027&amp;k=5J2QSeu" target="_blank" rel="nofollow">OW地图工坊交流</a>或<a href="https://jq.qq.com/?_wv=1027&amp;k=5uVyEyn" target="_blank" rel="nofollow">守望先锋地图工坊交流</a></p>
				</Card>
				<Card title="意见反馈">
					<Livere id="feedback" uid="MTAyMC80NDQ0MC8yMDk3Mg=="></Livere>
				</Card>
			</Layout >
		);
	}
}

export default License;